<template>
  <div class="button-box">
    <x-button class="gz-btn" :type="type ? type : 'default'" :disabled="disabled" :text="text" :mini="mini" :plain="plain" :action-type="actionType" :link="link" :show-loading="showLoading" :gradients="gradients" @click.native="handleClick"><slot></slot></x-button>
  </div>
</template>

<script>
  /**
   * type	string	default	按钮类型，可选值为 default,primary,warn	--
      disabled	boolean	false	是否不可点击	--
      text	string		按钮文字，同默认slot	--
      mini	boolean	false	是否为mini类型，即小尺寸的按钮	--
      plain	boolean	false	是否是plain样式，没有背景色	--
      action-type	string		button的type属性，默认为浏览器默认(submit)，可选为 submit button reset	--
      link	string		vue-router 路由, 值为 BACK 等同于 go(-1)	v2.3.5
      show-loading	boolean	false	显示加载图标	--
      gradients	array		按钮背景渐变，长度必须为2
   */
  export default {
    name: "gzButton",
    props:['type','disabled','text','mini','plain','actionType','link','showLoading','gradients'],
    methods: {
      handleClick() {
        this.$emit('click')
      }
    }
  }
</script>

<style lang="less">
  
</style>
